window.onload = function () {
  // 根据页面自动缩放
  const appdocument = document.getElementById("index");

  function scalePage() {
    // 获取窗口尺寸
    const windowWidth = window.innerWidth;
    const windowHeight = window.innerHeight;

    // 计算缩放比例，以较小的尺寸为基准
    const scale = Math.min(
      windowWidth / originalWidth,
      windowHeight / originalHeight
    );
    // 计算水平和垂直偏移以保持页面居中
    const offsetX = (windowWidth - originalWidth * scale) / 2;
    const offsetY = (windowHeight - originalHeight * scale) / 2;

    // 应用缩放和偏移
    appdocument.style.transform = `scale(${scale})`;
    // 改动地点
    // appdocument.style.transformStyle = "preserve-3d";
    appdocument.style.left = `${offsetX}px`;
    appdocument.style.top = `${offsetY}px`;
  }

  // 初始页面尺寸
  const originalWidth = 1920; // 页面宽度
  const originalHeight = 1080; // 页面高度

  // 初始调用一次
  scalePage();

  // 监听窗口大小变化事件
  window.addEventListener("resize", scalePage);
};
